<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="/static/style.css" />
    <title>{% block title %}acqu-center{% endblock %}</title>
</head>
{% block script %}
<script language="javascript"> 
    function toggle(showHideDiv, switchTextDiv) {
        var ele = document.getElementById(showHideDiv);
        var text = document.getElementById(switchTextDiv);
        if(ele.style.display == "block") {
            ele.style.display = "none";
            text.innerHTML = "show";
        }
        else {
            ele.style.display = "block";
            text.innerHTML = "hide";
        }
    } 
</script>
{% endblock %}
<body>
    <div id="topmenu">
        {% block sidebar %}
        <ul>
            <li><a href="/">Home</a></li>
            {% for door in doors %}
            <li><a href="/?doorplate={{door}}">{{door}}</a></li>
            {% endfor %}
        </ul>
        <span class="signed-in">
            <div>
                Welcome, 
                {% if user %}
                {{user}}
                {% else %}
                guest 
                {% endif %}
            </div>
        </span>
        {% endblock %}
    </div>

    <div id="content">
        {% block content %}
        {% endblock %}
    </div>
    <div id="errmessage">
        {% block errmessage %}
        {% endblock %}
    </div>
    <div id="message">
        {% block message %}
        {% endblock %}
    </div>
</body>
</html>
